require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/Product.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';
let In8 = require('../sources/in8/zh_cn');

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
const  product_gh =In8.Product_6.product_gh;//In8.Product_6.product_gh;//`公会系统`;
const  gh_2 =In8.Product_6.gh_2;// ` 创建公会：`;
const  gh_3 =In8.Product_6.gh_3;// `30级以上玩家没有加入任何公会的，可以建立公会，建立公会需要花费1金；与npc公会管理员对话，选择创建公会，为自己的公会取个响亮的名字，交出1金就能创建出公会了；`;
const  gh_4 =In8.Product_6.gh_4;// `加入公会：`;

const  gh_5 =In8.Product_6.gh_5;// `1.选择一个玩家，点击右键或者在聊天界面中右键点击该玩家名字弹出交互界面，具有招收成员职权的公会成员可以选择招收成员的选项，邀请该玩家加入公会，目标玩家必须等级大于等级20级，并且退出公会大于24小时；`;
const  gh_6 =In8.Product_6.gh_6;// `2.具有招收成员职权的公会成员在公会管理界面点击招收成员，如果该玩家存在同意加入并且符合条件，该玩家加入公会。：`;
const  gh_7 =In8.Product_6.gh_7;// `公会基本权利分配：`;
const  gh_8 =In8.Product_6.gh_8;// `公会会长：`;
const  gh_10 =In8.Product_6.gh_10;// `招收成员、开除成员、发布公告、任命副会长、撤消副会长、任命财务官、撤消财务官、任命会花、撤消会花、任命元老、撤消元老、转让会长、解散公会、申请公会宣战、提升公会等级、申请公会地图、公会地图维护、建造公会建筑、公会技术研究、学习公会技能、公会配方学习、召唤公会boss、公会资源种植、使用公会商店、公会建造加速、申请公会战、箭塔建造、箭塔升级、箭塔拆除`;
const  gh_11 =In8.Product_6.gh_11;// ` 副会长：`;
const  gh_12 =In8.Product_6.gh_12;// `招收成员、开除成员、发布公告、任命会花、撤消会花、任命元老、撤消元老、申请公会宣战、提升公会等级、申请公会地图、公会地图维护、建造公会建筑、公会技术研究、学习公会技能、公会配方学习、召唤公会boss、公会资源种植、使用公会商店、箭塔建造、箭塔升级、箭塔拆除`;
const  gh_13 =In8.Product_6.gh_13;// `财务官:`;
const  gh_14 =In8.Product_6.gh_14;// `招收成员、提升公会等级、公会地图维护、建造公会建筑、公会技术研究、学习公会技能、公会配方学习、召唤公会boss、公会资源种植、使用公会商店、箭塔建造、箭塔升级、箭塔拆除`;
const  gh_15 =In8.Product_6.gh_15;// `元老:`;
const  gh_16 =In8.Product_6.gh_16;// `公会配方学习、公会资源种植、使用公会商店`;
const  gh_17 =In8.Product_6.gh_17;// `会花:`;
const  gh_18 =In8.Product_6.gh_18;// `公会配方学习、公会资源种植、使用公会商店、开启会花护送`;
const  gh_19 =In8.Product_6.gh_19;// `普通成员:`;
const  gh_20 =In8.Product_6.gh_20;// `使用公会商店:`;


class Product_6 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>
        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.Product_1_head}>
                <b>{product_gh}</b>
              </h2>

              <div className={styles.product_info}>

                <b>{gh_2}</b>
                <p>{gh_3}</p>
                <b>{gh_4}</b>
                <p>{gh_5}</p>
                <p>{gh_6}</p>

                <b>{gh_7}</b>
                <b>{gh_8}</b>
                <p>{gh_10}</p>

                <b>{gh_11}</b>
                <p>{gh_12}</p>
                <b>{gh_13}</b>
                <p>{gh_14}</p>
                <b>{gh_15}</b>
                <p>{gh_16}</p>
                <b>{gh_17}</b>
                <p>{gh_18}</p>
                <b>{gh_19}</b>
                <p>{gh_20}</p>
              </div>
            </Col>
          </Row>
        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Product_6);
//News.defaultProps =  Form.create()(News);;

//export default News;
